/* eslint-disable */
import React from 'react';
import styles from './ArticleSearchDetail.less'
import Header from './components/common/Header';

import { makeStyles } from '@material-ui/core/styles';
import Card from '@material-ui/core/Card';
import CardActions from '@material-ui/core/CardActions';
import CardContent from '@material-ui/core/CardContent';
import Button from '@material-ui/core/Button';
import Typography from '@material-ui/core/Typography';

const useStyles = makeStyles({
	root: {
		minWidth: 275,
		backgroundColor: 'rgba(31, 157, 235, 1)',
		color: 'rgba(255, 255, 255, 1)'
	},
	bullet: {
		display: 'inline-block',
		margin: '0 2px',
		transform: 'scale(0.8)',
	},
	title: {
		fontSize: 14,
		color: 'rgba(229, 229, 229, 1)',
		fontSize: 22,
	},
	pos: {
		marginBottom: 12,
		color: 'rgba(255, 255, 255, 1)',
		fontSize: 36,
	},
	button: {
		color: 'rgba(229, 229, 229, 1)',
		fontSize: 22,
	}
});

function SimpleCard() {
	const classes = useStyles();

	return (
		<Card className={classes.root}>
			<CardContent>
				<Typography className={classes.title} color="textSecondary" gutterBottom>
					绍兴市人民政府
        </Typography>
				<Typography variant="h5" component="h2">
					关于绍兴市垃圾分类的指导意见
        </Typography>
			</CardContent>
			<CardActions>
				<Button className={classes.button} size="small">2019-10-19</Button>
			</CardActions>
		</Card>
	);
}


export default class ArticleSearchDetail extends React.Component {
	render() {
		return (
			<div>
				{/* <Header title="综合服务查询"/> */}
				<div className={styles.main}>
					<SimpleCard />
					<div className={styles.content}>
						<div>索引号: <span>2020-05-06/ZC-SH-C-0631</span></div>
						<div>文件编号: <span>XXX</span></div>
						<div>文件类型: <span>政策法规</span></div>
						<div>固废类型: <span>生活源</span></div>
						<div>发文机构: <span>绍兴市政府</span></div>
						<div>发文日期: <span>2020年5月6日</span></div>
						<div>附件资料: <span>关于绍兴市垃圾分类的指导意见</span></div>
					</div>
				</div>
			</div>
		);



	}
}
